/* 在样式表的顶层声明的变量是全局的。这意味着在声明它们之后，可以在其模块中的任何位置访问它们。
在块中声明的那些通常是本地的，并且只能在声明的块中访问它们。 */

// 局部变量和全局变量
$color: orange !default; //定义全局变量(在选择器、函数、混合宏...的外面定义的变量为全局变量)

.block {
  color: $color; //调用全局变量
}

em {
  $color: red; //定义局部变量

  a {
    color: $color; //调用局部变量
  }
}

span {
  color: $color; //调用全局变量
}

/* 如果需要在局部范围内（例如在mixin中）设置全局变量的值，可以使用！全球标志。变量声明标记为！global将始终分配给全局作用域 */

/* $variable: first global value;

.content {
  $variable: second global value !global;
  value: $variable;
}

.sidebar {
  value: $variable;
} */